<template>
  <a-radio-group style="width: 100%">
    <a-radio
      v-for="(el, i) in data"
      :key="el.roleId"
      :value="el.roleId"
      class="w-full"
      :class="[i === data.length - 1 ? '!mb-0' : '!mb-4']"
    >
      <span>{{ el.roleName }}</span>
      <span class="text-sm text-color-secondary ml-2.5">{{ el.roleDescription }}</span>
    </a-radio>
  </a-radio-group>
</template>
<script setup lang="ts">
import { RoleItem } from "/@/api/aiot/role/models";

defineProps<{
  data: RoleItem[];
}>();
</script>
